Cuando hablamos de perfil enseguida nos viene a la mente la imagen que nos representa en Blogger con un enlace que dice algo así como "Visita mi perfil" y eso si que es el perfil ese espacio que dice todo lo que nosotros permitimos que diga.

Pero, no tenemos por qué mostrar la imagen del perfil tal y como Blogger dispone en un gadget ni tiene por qué ser la misma imagen que mostramos en el avatar de comentarios, podemos hacer cualquier cosa y eso incluye mostrar una imagen con el texto que nosotros queremos mostrar y enlazarlo a cualquier sitio ya sea el perfil, escritorio o una breve descripción o incluso añadir ahí mismo los iconos a redes sociales.

Es algo así a lo que yo tengo añadido en el footer o lo que añadimos en su día para la información de autor en las entradas. De eso trata la consulta y ahí va una solución.
En plantilla y justo antes de ]]></b:skin> añadimos los estilos.

#deperfiles {
 color: #434040;
 font-family: Georgia,serif;
 font-size: 12px;
 line-height: 1.7;
 margin: 40px 30px 0;
 text-shadow: 0 1px 1px #ccc;
 text-align: justify;
}
#deperfiles img {
border: 3px solid #ffffff;
 border-radius: 2px 2px 2px 2px;
 box-shadow: 1px 1px 1px #333;
 border-radius: 100px 100px 100px 100px;
 float: left;
 margin: 0 25px 5px 0;
 width: 95px;
 opacity:0.9;
}
#deperfiles a:hover img {
opacity: 0.7;
}

Después editamos un nuevo gadget de HTML y en su interior añadimos lo siguiente:

<div id="deperfiles">
<a href="url-enlace"target="_blank">
<img alt='' src='url-imagen'height='95' width='95' /></a> 
<h2>Título</h2>
Texto o información
<div class="clear">
</div></div>

Tendremos algo así:



Sarah Valentina

Voy a hacerlo asi como tu dices, yo lo tengo al pie del post pero siempre pensé que lo alargaba demasiado, gracias por tus consejos tan valiosos, que Dios te cuide siempre

Responder
Beben Koben

it's good & suitable for profile blogger side...xixixi ;)

Responder
Anónimo

siempre útiles e ingeniosas tus entradas, gem@! un saludo!

Responder
Gem@

:: Es cuestión de gustos Sarah Valentina, de todas formas podemos cambiar cada cierto tiempo :)

:: Me alegra que te guste Beben Koben ;)

:: Saludos Lileka :D

Responder
Unknown

Hola, Julia. La duda que te voy a preguntar no tiene nada que ver con esta entrada. Verás, me gustaría aplicar en mi blog el siguiente efecto que he podido observar en este blog: http://planetaurbe.tumblr.com/ Me refiero a esas páginas de fondo colocadas detrás de la página central del blog creando el efecto de folios descolocados. ¿Me podrías decir cómo podría conseguirlo?
Muchas gracias :)

Responder
Gem@

:: Hola Fran, eso que ves ahí es CSS, si pruebas con Explorer el efecto de las esquinas no se aprecia :S

Responder
Unknown

Ya, ya me había dado cuenta de que en Explorer no se ve. Pero de igual forma estoy interesado en saber cómo podría colocarlo en el blog, aunque sólo se vea en Firefox y Chrome... :S

Responder
Beben Koben

want this gem@
xxx
hu hihihi hu hihihi :D

Responder
Gem@

:: Intentaré hacer una entrada Fran. no es cosa de un par de líneas :)

:: Beben Koben todo para ti :)

Responder
Unknown

Muchas gracias, Julia. A ver si con suerte en no mucho tiempo podemos disfrutar de una de tus completísimas entradas explicándolo. Siento la molestia, pero es que me quedé prendado de eso desde que lo vi :D

Responder
Unknown

Sí, sé que con este comentario voy a pecar de pesao, pero tengo unas ganas de que expliques la forma de hacer el css que te comentaba... :P

Responder
Gem@

:: No lo eres Fran y no creas que me he olvidado porque ese efecto me gusta pero no consigo buen resultado en la plantilla de Blogger se ladea todo a la izquierda, recuerda que esa es una plantilla de Tumblr y ya trae unas medidas establecidas.
A veces no todo es tan sencillo como creemos, es CSS si pero... no es copiar y pegar de un sitio a otro :S de todas formas si veo alguna idea similar lo tendré en cuenta.
Lamento la demora en responderte :(

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top